<template>
	<view class="">
		<view class="padb30 flex_Z">
			<view class="  flex_Z">
				<view class="flex_dq">
					<text class="f28 c3 fw5">上传商标注册证明 </text>
					<text class="tishi"> *</text>
				</view>
				<view class="describe">
					<view class="">
						<image :src="baseUrl + '/static/ymimage/remind.png'" class="remind" mode="aspectFill"></image>
					</view>
					<text class="">请上传《商标注册证》或《注册申请受理通知书》，不支持上传商标申请书或商标网截图等。</text>
				</view>
			</view>
			<view class="">
				<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" :maxCount="6"
					multiple :maxSize="6 *1024 *1024" @oversize="overSize" width="320" height="190">
					<view class="content_r mart20 flex_c">
						<image :src="baseUrl +'/static/ymimage/sbzc.png'" mode="aspectFit"></image>
					</view>
				</u-upload>
			</view>
			<view class="content flex_Z">
				<view class="flex_dq">
					<text class="f28 c3 fw5">商标注册号</text>
					<text class="tishi"> * </text>
					<text class="tishi1">《商标注册证》或《注册申请受理通知书》上可查</text>
				</view>
				<u--input placeholder="请输入" fontSize="14" color="#666666" border="none "
					v-model.trim="ocrIdentityInfo.id_card_name" clearable></u--input>
			</view>
			<view class="content flex_Z">
				<view class="flex_dq">
					<text class="f28 c3 fw5">有效期限</text>
					<text class="tishi"> *</text>
					<text class="tishi1">仅需填写截止日期</text>
				</view>
				<view class="term_box flex_ld" @click="show = true">
					<text v-if="!endTerm" class="change_state ">选择日期</text>
					<text v-else :class="endTerm?'active':'change_state'">123</text>
					<image :src="baseUrl +'/static/ymimage/xuanze.png'" class="xuanze" mode="aspectFill"></image>
				</view>
			</view>
			<view class="content flex_Z">
				<view class="flex_dq">
					<text class="f28 c3 fw5">品牌类型</text>
					<text class="tishi"> *</text>
				</view>
				<view class="term_box flex_ld_a" >
					<view class="category_box active_box flex_c">
						<text>自有品牌</text>
					</view>
					<view class="category_box flex_c">
						<text>授权品牌</text>
					</view>
				</view>
				<view class="describe">
					<view class="">
						<image :src="baseUrl + '/static/ymimage/remind.png'" class="remind" mode="aspectFill"></image>
					</view>
					<text class="">自有品牌即品牌下面的商标，其权利人是您的开店公司或者开店公司的法定代表人;若不是，则是援权品牌。</text>
				</view>
			</view>
			
		</view>


		<u-datetime-picker :show="show" mode="date" :minDate="1735660800000" @cancel="cancels"
			@confirm="confirms"></u-datetime-picker>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				backgroundColor: '',
				baseUrl: this.$imageBaseUrl,
				ocrIdentityInfo: {},
				shopIndex: 0,
				endTerm: false,
				fileList1: [],
				show: false
			}
		},
		onLoad(options) {
			this.shopIndex = 1
		},
		methods: {
			
			confirms(e) {
				this.date = uni.$u.timeFormat(e.value, 'yyyy-mm-dd');
				this.show = false
				console.log(this.date)
			},
			cancels() {
				this.show = false
			},
			addBrand(){
				this.$emit('addBrand')
			}
		}
	}
</script>

<style scoped>
	.module {
		
		margin: 0 auto;
		
	}

	.describe {
		background: rgba(250, 110, 1, 0.1);
		border-radius: 10rpx;
		font-size: 22rpx;
		color: #FA6E01;
		margin: 8rpx 0;
		padding: 8rpx 16rpx;
		display: flex;
		align-items: flex-start;
	}

	.remind {
		width: 22rpx;
		height: 22rpx;
		margin-right: 8rpx;
		margin-top: 7rpx;
	}

	.tishi {
		font-size: 28rpx;
		color: #FA6E01;
		margin-left: 6rpx;
	}

	.tishi1 {
		font-weight: 400;
		font-size: 22rpx;
		color: #999999;
	}

	.xian {
		width: 638rpx;
		height: 0rpx;
		border: 2rpx solid #F2F2F2;
		margin: 24rpx 0;
	}

	.content {
		width: 686rpx;
		box-shadow: inset 0rpx -1rpx 0rpx 0rpx rgba(0, 0, 0, 0.05);
		/* box-shadow: inset 0rpx -1rpx 0rpx 0rpx rgba(0, 0, 0, 1); */
		margin: 20rpx 0;
	}

	.content_r {
		width: 160rpx;
		height: 160rpx;
		border: 1rpx solid rgba(0, 0, 0, 0.1);
		border-radius: 20rpx;
		text-align: start;
		margin: 32rpx 0 0;
	}

	.content_r>image {
		width: 160rpx;
		height: 160rpx;
	}

	.xuanze {
		width: 12rpx;
		height: 24rpx;
	}
.term_box {
		width: 686rpx;
		margin: 20rpx 0;
	}
	.change_state {
		font-size: 28rpx;
		color: #c0c4cc;
	}

	
	.category_box{
		width: 300rpx;
		height: 76rpx;
		border-radius: 20rpx;
		border: 2rpx solid #FFC300;
		font-weight: 400;
		font-size: 32rpx;
		color: #FFC300;
	}
	.active_box{
		background: #FFCC28;
		color: #333333;
	}
	
</style>